<html xmlns="http://www.w3c.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
   xmlns:p="http://primefaces.org/ui">
<h:head>
	<title> Iniciar Sesion </title>
</h:head>
<h:body>

	<p:growl id = "growl" sticky="true" showDetail="true"></p:growl>
 	<h:form>
 	
 	<div id = "titulo">
 		<h1>BIENVENIDOS</h1>
 		<p:spacer height="20" />
 		<p:separator />
 		<p:spacer left="20" /> <h1>Iniciar Sesion </h1>
 	</div>
 	
 	<p:spacer height="10" />
 	
 	<div id = "todo">
 		<p:panelGrid columns="2" cellpadding="5">
 	
 			<p:outputLabel value = "Usuario: "></p:outputLabel>
 			<p:inputText  id = "usuario" value = "#{LoginBean.name}" />
 		
 			<h:outputLabel  value="Contrasena: " for="contrasena"/>
        	<p:password id="contrasena"  value = "#{LoginBean.password}" laber = "Contrasena"  required = "true"/>
 	
 		</p:panelGrid>
 	</div>
 		<p:spacer height="20" />
 		<p:separator />
 		
 		<div id = "boton">
 			<p:spacer height="20" />
 			<p:button value = "#{LoginBean.inicioSesion}"></p:button>
 		</div>
 	</h:form>
</h:body>
</html>